<table id="tt" class="easyui-datagrid" style="width:{grid_width}px;height:{grid_height}px"
        url="datagrid/overview/{table_name}"
        title="{title}" iconCls="icon-save" idField="{id_field}" toolbar="#tb"
        rownumbers="true" pagination="true" fitColumns="false" pageSize="25" pageList="[25,50,75,100]">
    <thead>  
        <tr>
            <th field="ck" checkbox="true"></th>
            {headings}
                <th field="{name}" align="{align}" width="{width}" sortable="{sortable}">{label}</th>
            {/headings}
        </tr>  
    </thead>  
</table>
<div id="tb">
    <a href="#" class="easyui-linkbutton" iconCls="icon-cancel" plain="true" onclick="javascript:alert('Cut')">Delete</a>
</div>

<script>
    $(document).ready(function() {
        // Reset the width after calculations
        $(window).resize(function() {
            var content_width = ($("#form_view .box").width() - 28)*1;
            $(".datagrid").width(content_width);
        });
    });
</script>